@extends('base')
@section('style')
    <style>
        .question_lf {float: left;width: 50%;margin-bottom: 20px;}
        .information_list:nth-child(2n) {
            margin-left: 10px;
        }
    </style>
@stop
@section('content')
    <div class="swiper-container swiper-container-horizontal" style="height: auto;">
        <div class="swiper-wrapper" style="transform: translate3d(-3966px, 0px, 0px); transition-duration: 0ms;">
            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9"
                 style="width: 100%;  margin-right: 30px;">Slide 5
            </div>
            <div class="swiper-slide" data-swiper-slide-index="0" style="width: 100%; margin-right: 30px;"><img
                        src="image/banner0.png"/></div>
            <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="1"
                 style="width: 100%;  margin-right: 30px;"><img src="image/banner1.png"/></div>
            <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="2"
                 style="width: 100%;  margin-right: 30px;"><img src="image/banner2.png"/></div>
            <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="3"
                 style="width: 100%;  margin-right: 30px;"><img src="image/banner3.png"/></div>
            {{--删除多余图片--}}
            {{--<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="3"--}}
                 {{--style="width: 100%;  margin-right: 30px;"><img src="image/banner3.png"/></div>--}}
            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0"
                 style="width: 100%;  margin-right: 30px;">Slide 1
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span
                    class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span
                    class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span
                    class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span>
            <span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span
                    class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span
                    class="swiper-pagination-bullet"></span></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
    <div class="bg_wh pdtop40 overflow">
        <div class="index_first">
            <h2><a href="{{url('/program')}}">行业解决方案</a> </h2>
            <span class="index_fa">We provide solutions for the following industries</span>
            <ul class="index_tplist">
                <li class="tplist_first">
                    <a href="#">
                        <i class="head1"></i>
                        <p>出租屋管理系统</p>
                        <span class="webkit2">异地房屋出租管理，远程控制开门权限，免去钥匙交接的繁琐程序。</span>
                    </a>
                </li>
                <li class="tplist_first">
                    <a href="#">
                        <i class="head2"></i>
                        <p>流动人口管理系统</p>
                        <span class="webkit2">流动人口信息并开放门禁权限，开门记录上传到公安系统后台，进行流动人口的动态管理。</span>
                    </a>
                </li>
                <li class="tplist_first">
                    <a href="#">
                        <i class="head3"></i>
                        <p>智慧景区管理系统</p>
                        <span class="webkit2">网上订票的游客经授权，通过指定APP可控制闸口，无需取票、验票等操作。</span>
                    </a>
                </li>
                <li class="tplist_first">
                    <a href="#">
                        <i class="head4"></i>
                        <p>办公室管理系统</p>
                        <span class="webkit2">由公司管理人员授权员工使用APP开门，开门记录可导出EXCL表格，做考勤使用。</span>
                    </a>
                </li>
                <li class="tplist_first">
                    <a href="#">
                        <i class="head5"></i>
                        <p>智慧楼宇管理系统</p>
                        <span class="webkit2">无需布线即可实现联网控制、权限分配，通过令答实现手机APP控制园区、写字楼大门。</span>
                    </a>
                </li>
                <li class="tplist_first">
                    <a href="#">
                        <i class="head6"></i>
                        <p>智慧社区管理系统</p>
                        <span class="webkit2">无需布线、无需发卡，开门权限由物业中心统一管理，提升物业服务品质。</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="bg_f6f7 overflow">
        <div class="index_first">
            <h2><a href="{{url('/about')}}">关于令答</a></h2>
            <span class="index_fa">Introduction</span>
            <div class="index_about">
                <div style="height: 315px;width: 520px;float: left;" id="vedio_hoder">
                    @if(isset($vedio->content))
                        {!! json_decode($vedio->content)->url !!}
                    @else
                        <embed src="http://player.youku.com/player.php/sid/XOTU3NzkwNDYw/v.swf" allowFullScreen="true" quality="high" width="100%" height="100%" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
                    @endif
                </div>
                <div class="index_door pos_re">
                    <a href="javascript:;"><img src="image/img1.png"/>
                        <p class="dingwei_name animate webkit2">智能家居门禁锁</p>
                    </a>
                </div>
                <div class="index_door pos_re">
                    <a href="javascript:;"><img src="image/img2.png"/>
                        <p class="dingwei_name animate webkit2">智能门禁考勤一体</p>
                    </a>
                </div>
            </div>
            <div class="index_introduce">
                <p class="webkit3">
                    杭州连联科技有限公司是一家专注于提供智能门禁解决方案的创业型公司，长年与浙大等多所高等院校密切合作，在智能手机门禁管理系统研究领域取得重要成就。我司自主研发的基于蓝牙模块的门禁管理系统广泛应用于办公场所、智慧社区、出租屋、智能家居等领域，是一种高科技、智能化的新型门禁管理系统。我司旨在用心打造智能手机门禁产品，保证以超前的战略眼光和优秀的互联网+智能硬件为各类门控/门禁产品的厂家和系统集成商提供解决方案。</p>
                <span><a href="#">more</a></span>
            </div>
        </div>
    </div>
    <div class="bg_wh overflow">
        <div class="index_first">
            <h2><a href="{{url('/news')}}">行业资讯</a></h2>
            <span class="index_fa">The lastest Industry informations</span>
            <div class="index_information">
                <div class="index_information_fl">
                    @foreach($news_lists as $item)
                        <?php $items = json_decode($item->content) ?>
                        <div class="information_list pos_re">
                            <a href="{{url('/news/detail/'.$item->id)}}">
                                <img src="{{asset("/img/product-".$items->pic.'/400-244')}}"/>
                                <p class="dingwei_name webkit2 animate">{{$item->name}}</p>
                            </a>
                        </div>
                    @endforeach
                </div>
                <div class="index_information_fr">
                    @foreach($news_hots as $item)
                        <div class="information_fr_list">
                            <p class="nowrap"><a href="{{url('/news/detail/'.$item->id)}}">{{$item->name}}</a></p>
                            <span>{{date('Y.m.d', strtotime($item->created_at))}}</span>
                            <i>{{$item->description}}</i>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <div class="bg_f6f7 overflow">
        <div class="index_first index_investment">
            <h2><a href="{{url('/cooperation')}}">招商中心</a></h2>
            <span class="index_fa">Investment center</span>
            <di7v class="index_information">
                <p class="index_investment_con">
                    杭州连联科技有限公司暂未授权任何机构进行代理招商服务，入驻申请流程及相关的收费说明均以官方招商页面为准。杭州连联科技有限公司有权根据包括但不仅限于业务范围需求、公司经营状况、服务水平等其他因素退回客户申请；同时连联有权在申请入驻及后续经营阶段要求客户提供其他资质；连联将结合各行业发展动态、国家相关规定及消费者购买需求，不定期更新招商标准。</p>
                <img src="image/map.png"/>
                <p class="common_problem">常见问题</p>
                <div class="common_problem_con">
                    @foreach($aqs as $aq)
                        <div class="question_lf">
                            <div class="question_one">

                                <a href="{{url('/serviceaq')}}" class="display">
                                    <ul class="question">
                                        <p>Q:</p><li>{{$aq->name}}？</li>
                                        <li class="webkit2">{{$aq->description}}</li>
                                    </ul>
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </di7v>
            <div style="clear: both;"></div>
            <p class="index_more"><a href="{{url('/cooperation')}}">了解更详细的招商资料</a></p>
        </div>
    </div>
    <div class="bg_wh overflow">
        <div class="index_first index_investment">
            <h2><a href="{{url('/contact')}}">联系我们</a> </h2>
            <span class="index_fa display">Quickly get in touch with us</span>
            <div class="index_information">
                <div class="aboutUs_fl">
                    <p class="conversation">在线洽谈</p>
                    <div class="pdlf_10">
                        <div class="pdtopbot10 overflow">
                            @foreach($qq as $q)
                            <a href="tencent://message/?uin={{$q->name}}&Site=rhkj.rh&Menu=yes" class="display fl pdtop5">
                                <img src="image/qq.png"/>
                            </a>
                            @endforeach
                        </div>
                        <p class="overflow"><i class="aboutUs_pic"><img src="image/about1.png"/></i>{{ Config::get('site.about.addr') }}
                        </p>
                        <p class="overflow"><i class="aboutUs_pic"><img src="image/about2.png"/></i>{{ Config::get('site.about.tel') }}
                        </p>
                        <p class="overflow"><i class="aboutUs_pic"><img src="image/about3.png"/></i>{{ Config::get('site.about.mobile') }}</p>
                        <p class="overflow"><i class="aboutUs_pic"><img src="image/about4.png"/></i>{{ Config::get('site.about.email') }}</p>
                        <div class="map">
                            <iframe src="map" style="width: 100%; height: 240px;" frameborder="0" border="0"
                                    framespacing="0"></iframe>
                        </div>
                    </div>
                </div>
                <div class="aboutUs_fr">
                    <form id="sendFrom" action="{{url('/info/update/message')}}">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <p class="conversation">留言给我们</p>
                        <div class="aboutUs_name">
                            <input type="text" name="name" placeholder="您的姓名" class="fl"/>
                            <input type="text" name="tel" placeholder="联系电话" class="fr"/>
                        </div>
                        <div class="aboutUs_em pdtopbot10"><input type="text" name="email" placeholder="邮件地址"/></div>
                        <div class="aboutUs_em pdtopbot10"><input type="text" name="company" placeholder="公司名称"/></div>
                        <div class="aboutUs_text"><textarea name="requirement" placeholder="您的具体需求"></textarea></div>
                    </form>
                    <p class="aboutUs_finsh"><b><a id="sendButton" href="javascript:;">发送</a></b><span>我们将在1个工作日内回复，您的资料将会严格保密。</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="bg_f6f7 overflow">
        <ul class="index_major">
            <li>专业<span>我们只做手机开门</span></li>
            <li class="borderlfdadc">安全<span>电子钥匙不可复制开门记录可查</span></li>
            <li class="borderlfdadc">无限制<span>APP用户数量不受限制成本低</span></li>
            <li class="borderlfdadc">免费<span>APP专属页面免费定制</span></li>
            <li class="borderlfdadc">开放<span>API接口开放提供技术支持</span></li>
        </ul>
    </div>
@stop
@section('js')
    <script>
        $(function () {
            $('#vedio_hoder iframe').attr('height','100%');
            $('#vedio_hoder iframe').attr('width','100%');
            $('#vedio_hoder embed').attr('height','100%');
            $('#vedio_hoder embed').attr('width','100%');
            $('#sendButton').on('click', function () {
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: $('#sendFrom').attr('action'),
                    data: $('#sendFrom').serialize(),// 你的formid
                    async: false,
                    error: function (request) {
                        alert("Connection error");
                    },
                    success: function (data) {
                        console.log(data);
                        alert(data.message);
                        if ("success" == data.state) {
                            $('#sendFrom').reset();
                        }
                    }
                });
            })
        })
    </script>
@stop